<template>
	<div class="qy-com-discuss-list">
		<view>
			<Data-empty></Data-empty>
		</view>
		<!--        <DataEmpty v-if="disList.length <= 0" ></DataEmpty>-->
	</div>
</template>

<script>

import DataEmpty from '@/components/common/DataEmpty'


export default {
	components: {
		DataEmpty
	},
	data() {
		return {
		}
	}
}
</script>

<style lang="scss" scoped>
@import '@/static/css/variable.scss';

.qy-com-discuss-list {
	padding-bottom: 75px;

	.top-cate-btns {
		padding: 15px 20px;
		background: #fff;
		z-index: 1;

		span {
			padding: 5px 15px;
			border-radius: 4px;
			border: 1px solid #EEEEEE;
			color: #666666;
			font-size: 12px;
			margin-right: 12px;
			display: inline-block;

			&.active {
				color: $primaryColor;
				border-color: $primaryColor;
			}
		}
	}

	.van-list {
		padding: 0px 15px 15px;
	}

	.block-each {
		@include blockEach;
	}

	.bottom-input-bar {
		@include bottomInpuBar;

		.van-search {
			width: 95%
		}

		:deep(.icon-box) {
			width: 40%;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			padding-right: 20px;

			.icon-item {
				width: 49%;
				position: static;
			}
		}
	}

	.img-box {
		margin-top: 10px;

		.van-image {
			margin-bottom: 10px;

			&:not(:nth-child(3n)) {
				margin-right: 10px;
			}
		}
	}
}
</style>